// 事件初识

// 事件三要素
// 事件源--什么元素触发的事件，事件类型--是什么事件，事件处理程序--如何处理该事件
// 1.点击事件
let button = document.querySelector("button")
button.onclick = function() {
    alert("触发事件")
}

// 2.键盘输入事件--onkeydown--只显示输入了多少个字符，无法查看内容
// 参数为event,并对String.fromCharCode(event.keyCode)，进行处理（不区分大小写）
let kbd = document.querySelector("input")
// kbd.onkeydown = function(event) {
//     console.log("键盘正在按下：")
//     console.log(String.fromCharCode(event.keyCode))
// }
kbd.onkeypress = function(event) {
    console.log("键盘正在按下：")
    console.log(String.fromCharCode(event.keyCode))
}

// 键盘输入抬起，触发的事件
kbd.onkeyup = function(event) {
    console.log("键盘抬起")
    console.log(String.fromCharCode(event.keyCode))
}
